<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>@yield('title','子书阅读')</title>
	  <link href="{{asset('css/bootstrap.min.css')}}" rel="stylesheet">
	  <link rel="stylesheet" href="{{asset('/fonts/glyphicons-halflings-regular.eot')}}">
	  <link href="{{asset('css/home/index.css')}}" rel="stylesheet">
	  <script src="{{asset('js/jquery-2.1.4.min.js')}}"></script>
	  <script src="{{asset('js/bootstrap.min.js')}}"></script>
	  <style>
		  body a{ text-decoration:none}
	  </style>
  </head>
  <body>
  		{{--隐藏id--}}
		<input type="hidden" value="{{session('readid')}}" id="indexreadid">
		
		<div class="container">
			<div class="row">
				{{--头部开始--}}
				<div class="read-searchbox-wp col-md-12  col-sm-12 col-xs-12">
					<div class="read-searchbox-inner wrap-page-width ">
						<a href="" ><img class="read-logo" src="{{asset('image/home/home-logo.jpg')}}" alt=""></a>
						{{--搜索--}}
						<div class="read-searchbox">
							<form name="search" class="search" >
								<input type="text" name="word" class="s-word" maxlength="256" tabindex="1" value="" autocomplete="off" id="s-word-1">
								<span class="s-placeholder" style="display: inline;"></span>
								<input type="hidden" name="pbook" value="0" id="s-pbook" class="s-pbook">
								<input type="button" class="s-submit " data-target="#myModa" id="dosearch" data-toggle="modal" value="搜索图书">
							</form>
						</div>
						{{--右侧登陆注册--}}
						<div class="read-userbar-wp">
							<ul class="read-userbar clearfix read-user-unlogin">
								<li class="ub-li ub-li-login">
									<a href="{{asset('home/login')}}" class="ub-item ub-login">
										@if(session('readid'))
										<span class="ub-txt">{{session('readname')}}</span>
											<span class="ub-border">|</span>
											@else
										<span class="ub-txt">登录</span>
										<span class="ub-border">|</span>
											@endif
									</a>
								</li>
								<li class="ub-li ub-li-sign">
										@if(session('readid'))
										<a  class="ub-item ub-sign" id="reg-btn" href="{{url('home/out')}}">
										<span class="ub-txt">退出</span></a>
											@else
										<a  class="ub-item ub-sign" id="reg-btn" href="{{asset('home/logon')}}">
											<span class="ub-txt">注册</span></a>
											@endif
								</li>
							</ul>
						</div>
					</div>
				</div>
				{{--头部结束--}}
			</div>
			<div class="row">
				<div class="read-nav-wp" style="zoom:1;">
					<div class="read-nav-inner wrap-page-width">
						<ul class="read-nav col-md-8 col-sm-8 col-xs-8">
							<li class="nav-li-index current col-md-2 col-xs-2 col-sm-2">
								<a class="nav-index" href="{{asset('home/index')}}"><span>首页</span></a>
							</li>
							@foreach($nav as $v)
								<li class="nav-li-index current col-md-2 col-xs-2 col-sm-2"><a class="nav-index" href="{{url($v['url'])}}">{{$v['name']}}</a></li>
							@endforeach
							<li class="nav-li-index current col-md-2 col-xs-2 col-sm-2"><a class="nav-index" target="_blank" href="{{url('zjxhome/index')}}">作家专区</a></li>
						</ul>
						<ul class="read-nav-right col-md-4 col-sm-4 col-xs-4">
							<span style="font-size:23px;color:#F1E085;" class="glyphicon glyphicon-book" aria-hidden="true"></span>
							@if(session('readid'))
								<a href="{{url('home/Person/means')}}"><span style="font-weight:bold;">个人中心</span></a>
								@else
								<a id="gr"><span style="font-weight:bold;">登入查看个人中心</span></a>
								<script>
									$(function(){
									    $('#gr').click(function(){
									        if(!$('#indexreadid').val()){
									            alert('请先登入')
											}
										})
									})
								</script>
								@endif
						</ul>
					</div>
					{{--标签页--}}
				</div>
			</div>
		@section('first-home')
				<script>
					$(function(){
						$('.ditogo').click(function(){
						    if($('.ditu').css('display')=='none'){
						        $('.ditu').css('display','inline')
							}else{
                                $('.ditu').css('display','none')
							}
						})
					})
				</script>
								<div class="glyphicon glyphicon-globe ditogo" style="position: absolute;left: 52px;top: 151px;font-size: 40px;cursor: pointer"></div>
								<div class="ditu" style="position: absolute;left: 52px;top: 191px;display: none;border-radius: 10px">

									<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
									<html xmlns="http://www.w3.org/1999/xhtml">
									<head>
										<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
										<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
										<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
										<title>百度地图API自定义地图</title>
										<!--引用百度地图API-->
										<style type="text/css">
											html,body{margin:0;padding:0;}
											.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
											.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
										</style>
										<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
									</head>

									<body>
									<!--百度地图容器-->
									<div style="width:290px;height:250px;border:#ccc solid 1px;" id="dituContent"></div>
									</body>
									<script type="text/javascript">
                                        //创建和初始化地图函数：
                                        function initMap(){
                                            createMap();//创建地图
                                            setMapEvent();//设置地图事件
                                            addMapControl();//向地图添加控件
                                        }
                                        //创建地图函数：
                                        function createMap(){
                                            var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
                                            var myGeo = new BMap.Geocoder();
                                            // 将地址解析结果显示在地图上，并调整地图视野
                                            myGeo.getPoint("上海市静安区万荣路", function(point){
                                                if (point) {
                                                    map.centerAndZoom(point, 16);
                                                    map.addOverlay(new BMap.Marker(point));
                                                }
                                            });
                                            var myGeo = new BMap.Point(121.448122,31.29858);//定义一个中心点坐标
                                            map.centerAndZoom(myGeo,17);//设定地图的中心点和坐标并将地图显示在地图容器中
                                            window.map = map;//将map变量存储在全局
                                        }
                                        //地图事件设置函数：
                                        function setMapEvent(){
                                            map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
                                            map.enableScrollWheelZoom();//启用地图滚轮放大缩小
                                            map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
                                            map.enableKeyboard();//启用键盘上下左右键移动地图
                                        }
                                        //地图控件添加函数：
                                        function addMapControl(){
                                            //向地图中添加缩放控件
                                            var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
                                            map.addControl(ctrl_nav);
                                            //向地图中添加比例尺控件
                                            var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
                                            map.addControl(ctrl_sca);
                                        }
                                        initMap();//创建和初始化地图
									</script>
									</html>


								</div>



			{{--轮播图--}}
			<div class="row">
				<div class="bd-wrap">
					<div class="bady col-md-12 col-xs-12 col-sm-12">
						<div class="mod yd-top-zone">
							<div class="yd-top-zone-wrap box">
								<div class="media col-md-4 col-xs-6 col-sm-2">
									<div class="row">
										<div class="top-number-unit free-num-wrap">
											{{--变动的数字--}}
											<p class="num" data-num="31,192"><span class="num0 d0" data-num="3" style="background-position: -2px -90px;"></span><span class="num0 d1" data-num="1" style="background-position: -2px -30px;"></span><span class="num0 d0" data-num="1" style="background-position: -2px -30px;"></span><span class="num0 d1" data-num="9" style="background-position: -2px -270px;"></span><span class="num0 d2" data-num="2" style="background-position: -2px -60px;"></span></p>
											<p class="bookfree">
												@if(!empty($sum))
														{{$sum}}
													@endif
											</p>
										</div>
										<a href="" target="_blank" class="apply-btn">
											<img src="{{asset('image/home/tup1.png')}}" alt="">
										</a>
									</div>

								</div>
								<div class="contents col-md-7 col-xs-2 col-sm-4">
									{{--轮播图--}}
									<div class="row">
										<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
											<!-- Indicators -->
											<ol class="carousel-indicators">
												<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
												<li data-target="#carousel-example-generic" data-slide-to="1"></li>
												<li data-target="#carousel-example-generic" data-slide-to="2"></li>
												<li data-target="#carousel-example-generic" data-slide-to="4"></li>
											</ol>
											<!-- Wrapper for slides -->
											<div class="carousel-inner" role="listbox">
												<div class="item active">
													<img class="first-icons" style="height:275px;margin-top:10px" src="{{asset('/image/home/999.jpg')}}" alt="...">
												</div>
												@if(!empty($a))
												@foreach($a as $k)
													<div class="item">
														<img class="first-icons" name="lbt_img" style="height:275px;margin-top:10px" src="{{asset("home/figure/image/".$k)}}" alt="...">
													</div>
												@endforeach
													@endif
											</div>
										</div>

										<!-- Controls -->
										<a style="margin-top:10px" class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
											<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
											<span class="sr-only">Previous</span>
										</a>
										<a style="margin-top:10px" class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
											<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
											<span class="sr-only">Next</span>
										</a>
									</div>
									{{--轮播图结束--}}
								</div>
								<div class="mod yd-cate col-md-12 col-xs-12 col-sm-12">
									<div class="mod yd-cate">
										<div class="yd-cate-wrap">
											<span class="yd-cate-name">分类:</span>
											<ul style="margin-top:-25px" class="yd-cate-ul">
												<li>
													<a href="">成功学</a>
												</li>
												<li>
													<a href="">成功学</a>
												</li>
												<li>
													<a href="">成功学</a>
												</li>
												<li>
													<a href="">成功学</a>
												</li>
												<li>
													<a href="">成功学</a>
												</li>
												<li>
													<a href="" class="yd-cate-more iblock">
														更多
														<span style="font-size:10px;color:#ccc;" class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>
													</a>
												</li>
											</ul>
											<p style="border-top:1px solid #ccc;margin-top:50px;width:100%"></p>
										</div>
									</div>
								</div>

								<div class="body_bg" style="width:1350px;margin:0 0 0 -131px;">
									<div class="mod other-link yd-reco col-md-12 col-xs-12 col-sm-12">
										<div class="other-link-wrap">
											<a class="other-link-item" href="{{url('http://www.douban.com')}}" target="_blank">
												<img class="other-link-img" src="{{asset('image/home/sort1.jpg')}}" data-a="">
											</a>
											<a class="other-link-item" href="{{url('http://www.dookbook.com')}}" target="_blank">
												<img class="other-link-img" src="{{asset('image/home/sort2.jpg')}}" data-a="">
											</a>
											<a class="other-link-item" href="{{url('http://www.hzbook.com')}}" target="_blank">
												<img class="other-link-img" src="{{asset('image/home/sort3.jpg')}}" data-a="">
											</a>
										</div>
									</div>
									<div class="mod yd-reco col-md-12 col-xs-12 col-sm-12">
										<div class="yd-reco-wrap">
											<div class="hd">
												<a href="" target="_blank" style="margin-top:20px;">
													更多&nbsp;&gt;
												</a>
												<h3 class="mod-title">热门推荐</h3>
											</div>
											<div class="bd">
												<ul>
													@if(!empty($books))
													@foreach($books as $k)
													<li class="book col-md-3" data-track="0,0">
														<div class="book-cover">
															<b class="ic-book-wrap"><b class="ic-book ic-book-0"></b></b>
															<b class="book-cover-shadow"></b>
															<a href="{{url('home/message/'.$k->id)}}" id="aclc"><img class="book-img" style="width: 155px;height: 204px" src="{{asset('image/books/'.$k->bookicon)}}" alt="">
															<div class="index_div"></div><b id="index_zi">开始阅读</b></a>
															<div class="book-card">
																<div class="book-card-pack">
																	<a href="" target="_blank" class="book-card-wrap">
																		<a href="{{url('home/message/'.$k->id)}}"><span class="book-card-title">{{$k->bookname}}</span></a>
																	</a>
																</div>
															</div>
														</div>
														<p class="book-price">
															@if($k->price)
																￥{{$k->price}}
															@else
																免费书籍
															@endif</p>
													</li>
														@endforeach
														@endif
														<script>
															$(function(){
                                                                $(this).on('mousemove','#aclc',function(){
                                                                    $(this).children('.index_div').stop().fadeIn("slow");
                                                                    $(this).children('#index_zi').stop().animate({
                                                                        top: -120, opacity: 'show'
                                                                    },500)
                                                                })

                                                                $(this).on('mouseout','#aclc',function(){
                                                                    $(this).children('.index_div').stop().fadeOut("slow");
                                                                    $(this).children('#index_zi').stop().animate({
                                                                        top: 0, opacity: 'hide'
                                                                    },500)
                                                                })
															})

														</script>
												</ul>
											</div>
										</div>
									</div>
									<div class="mod yd-reco col-md-12 col-xs-12 col-sm-12">
										<div class="yd-reco-wrap">
											<div class="hd">
												<a href="" target="_blank" style="margin-top:20px;">
													更多&nbsp;&gt;
												</a>
												<h3 class="mod-title">新书上线</h3>
											</div>
											<div class="bd">
												<ul>
													@if(!empty($newbooks))
														@foreach($newbooks as $k)
															<li class="book col-md-3" data-track="0,0">
																<div class="book-cover">
																	<b class="ic-book-wrap"><b class="ic-book ic-book-0"></b></b>
																	<b class="book-cover-shadow"></b>

																	<a href="{{url('home/message/'.$k->id)}}" id="aclc"><img class="book-img" style="width: 155px;height: 204px" src="{{asset('image/books/'.$k->bookicon)}}" alt="">
																		<div class="index_div"></div><b id="index_zi">开始阅读</b>
																	</a>

																	<div class="book-card">
																		<div class="book-card-pack">
																			<a href="" target="_blank" class="book-card-wrap">
																				<a href="{{url('home/message/'.$k->id)}}"><span class="book-card-title">{{$k->bookname}}</span></a>
																			</a>
																		</div>
																	</div>
																</div>
																<p class="book-price">@if($k->price)
																		￥{{$k->price}}
																	@else
																		免费书籍
																	@endif</p>
															</li>
														@endforeach
												@endif
												</ul>
											</div>
										</div>
									</div>
									<div class="mod yd-reco col-md-12 col-xs-12 col-sm-12">
										<div class="yd-reco-wrap">
											<div class="hd">
												<a href="" target="_blank" style="margin-top:20px;">
													更多&nbsp;&gt;
												</a>
												<h3 class="mod-title">低价精选</h3>
											</div>
											<div class="bd">

												<ul>
													@if(!empty($dibooks))
														@foreach($dibooks as $k)
															<li class="book col-md-3" data-track="0,0">
																<div class="book-cover">
																	<b class="ic-book-wrap"><b class="ic-book ic-book-0"></b></b>
																	<b class="book-cover-shadow"></b>

																	<a href="{{url('home/message/'.$k->id)}}" id="aclc"><img class="book-img" style="width: 155px;height: 204px" src="{{asset('image/books/'.$k->bookicon)}}" alt="">
																		<div class="index_div"></div><b id="index_zi">开始阅读</b>
																	</a>

																	<div class="book-card">
																		<div class="book-card-pack">
																			<a href="" target="_blank" class="book-card-wrap">
																				<a href="{{url('home/message/'.$k->id)}}"><span class="book-card-title">{{$k->bookname}}</span></a>
																			</a>
																		</div>
																	</div>
																</div>
																<p class="book-price">
																	@if($k->price)
																	￥{{$k->price}}
																		@else
																	免费书籍
																		@endif
																</p>
															</li>
														@endforeach
													@endif
												</ul>

											</div>
										</div>
									</div>
									<div class="mod yd-reco col-md-12 col-xs-12 col-sm-12">
										<div class="yd-reco-wrap">
											<div class="hd">
												<a href="" target="_blank" style="margin-top:20px;">
													更多&nbsp;&gt;
												</a>
												<h3 class="mod-title">免费推荐</h3>
											</div>
											<div class="bd">
												<ul>
													@if(!empty($mianbooks))
														@foreach($mianbooks as $k)
															<li class="book col-md-3" data-track="0,0">
																<div class="book-cover">
																	<b class="ic-book-wrap"><b class="ic-book ic-book-0"></b></b>
																	<b class="book-cover-shadow"></b>

																	<a href="{{url('home/message/'.$k->id)}}" id="aclc"><img class="book-img" style="width: 155px;height: 204px" src="{{asset('image/books/'.$k->bookicon)}}" alt="">
																		<div class="index_div"></div><b id="index_zi">开始阅读</b>
																	</a>

																	<div class="book-card">
																		<div class="book-card-pack">
																			<a href="" target="_blank" class="book-card-wrap">
																				<a href="{{url('home/message/'.$k->id)}}"><span class="book-card-title">{{$k->bookname}}</span></a>
																			</a>
																		</div>
																	</div>
																</div>
																<p class="book-price">
																	@if($k->price)
																		￥{{$k->price}}
																	@else
																		免费书籍
																	@endif
																</p>
															</li>
														@endforeach
													@endif
												</ul>
											</div>
										</div>
									</div>
									{{--出版社--}}
									<div class="mod yd-org col-md-12 col-xs-12 col-sm-12">
										<div class="yd-org-wrap">
											<div class="org-hd">
												<h3 class="mod-title">出版社</h3>
											</div>
											<div class="org-bd">
												<div class="mod tabs" id="org-tab">
													{{--左边的图片--}}
													<div class="hd tooper">
														<ul class="tabControl">
															@if(!empty($pre))
																@foreach($pre as $k)
															<li class="disabled">
																<a style="cursor: pointer">
																	<img class="org-banner" src="{{asset('image/presss/'.$k->pressicon)}}" alt="" id="pressnum">
																	<input type="hidden" value="{{$k->id}}" id="pressid">
																</a>
															</li>
																@endforeach
																@endif
														</ul>
														<script>
															$(function(){
																$(this).on('click','#pressnum',function(){
																    $('.disabled').css('border','');
																    $(this).parent().parent().css('border','3px solid #58bd5a');
																    $pid=$(this).next().val();
                                                                    $('.org-books').empty();
//																    alert($pid)
																    $.ajax({
																        url:'{{url('home/indexpress')}}',
																		data:'pid='+$pid,
																		type:'get',
																		success:function(data){
																			eval('$u='+data)
																			for (var i=0;i<$u.length;i++){
																				$('.org-books').append($u[i].desc)
																			}
																		},
																		error:function(){
																		    alert('出错啦,请联系管理员')
																		},
																		datatype:'text'
																	})
																})
															})
														</script>
													</div>
													{{--右边的图片--}}
													<div class="bd">
														<ul class="tabContent">
															<li class="current">
																<p class="org-title">
																	<span style="color:#74C677;" class="glyphicon glyphicon-triangle-right"></span>
																</p>
																<ul class="org-books">
																	<li class="book indexpresss">
																		<div href="" class="book-cover">

																		</div>
																	</li>
																</ul>
															</li>
														</ul>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>

			@show
			{{--底部开始--}}
			<div class="row">
				<div class="footer-pub wrap1090 clearfix" style="margin-top:50px;border-top:1px solid #f2f2eb">
					<div class="icons_1 col-md-3 col-xs-3 col-sm-3" style="margin-bottom: 50px;">
						<a href="" class="footer-pub-item"  target="_blank" style="margin-left: 122px;">
							<img src="{{asset('image/home/icon1.jpg')}}" alt="">
							<span style="font-size: 12px;font-weight: bold;">正版电子书</span>
						</a>
					</div>
					<div class="icons_1 col-md-3 col-xs-3 col-sm-3" style="margin-bottom: 50px;">
						<a href="" class="footer-pub-item"  target="_blank" style="margin-left: 122px;">
							<img src="{{asset('image/home/icon1.jpg')}}" alt="">
							<span style="font-size: 12px;font-weight: bold;">多平台畅读</span>
						</a>
					</div>
					<div class="icons_1 col-md-3 col-xs-3 col-sm-3" style="margin-bottom: 50px;">
						<a href="" class="footer-pub-item"  target="_blank" style="margin-left: 122px;">
							<img src="{{asset('image/home/icon1.jpg')}}" alt="">
							<span style="font-size: 12px;font-weight: bold;">海量图书资源</span>
						</a>
					</div>
					<div class="icons_1 col-md-3 col-xs-3 col-sm-3" style="margin-bottom: 50px;">
						<a href="" class="footer-pub-item"  target="_blank" style="margin-left: 122px;">
							<img src="{{asset('image/home/icon1.jpg')}}" alt="">
							<span style="font-size: 12px;font-weight: bold;">优质阅读体验</span>
						</a>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="help-bottom col-md-12  col-sm-12 col-xs-12">
					<ul id="help-li" class="clearfix">
						<li class="help-blk col-md-4  col-sm-4 col-xs-4" style="float: left;position: relative;height: 140px;">
							<h4>帮助</h4>
							<a href="" target="_blank">如何购买图书</a>
							<a href="" target="_blank">常见问题</a>
							<a href="" target="_blank">支付方式</a>
						</li>
						<li class="help-blk col-md-4  col-sm-4 col-xs-4" style="float: left;position: relative;height: 140px;">
							<h4>平台入驻</h4>
							<a href="" target="_blank">机构专区</a>
							<a href="" target="_blank">个人作者专区</a>
						</li>
						<li class="help-blk col-md-4  col-sm-4 col-xs-4" style="float: left;position: relative;height: 140px;">
							<h4>投诉与建议</h4>
							<a class="help-blk-feedback" href="" target="_blank">问题反馈</a>
						</li>
					</ul>
				</div>
				{{--底部结束--}}
			</div>
		</div>
  {{--                   膜富矿            --}}

		<div class="">
			{{--<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">--}}

			<div class="modal fade" id="myModa" tabindex="-1" role="dialog"
				 aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog" style="z-index:1111">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close"
									data-dismiss="modal" aria-hidden="true">
								&times;
							</button>
							<h4 class="modal-title" id="myModalLabel">
								书籍
							</h4>
						</div>
						<div class="modal-body">
							<div id="modal_mess"></div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default"
									data-dismiss="modal">关闭
							</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal -->


			{{--<button class="btn btn-primary" type="button" id="test">点击我显示模态框</button>--}}

			{{--<div class="modal" id="my-modal-alert">--}}
				{{--<div class="modal-dialog">--}}
					{{--<div class="modal-content">--}}
						{{--<div class="modal-header">--}}
							{{--<button type="button" class="close" data-dismiss="modal">--}}
								{{--<span aria-hidden="true">&times</span><span class="sr-only">Close</span>--}}
							{{--</button>--}}
							{{--<h4 class="modal-title" id="modal-title">书籍</h4><span id="num"></span>--}}
						{{--</div>--}}
						{{--<!--/*modal-header*/-->--}}
						{{--<div class="modal-body">--}}
								{{--<div id="modal_message">--}}

								{{--</div>--}}
						{{--</div>--}}
						{{--<!--/*modal-body*/-->--}}
						{{--<div class="modal-footer" id="modal-footer">--}}
							{{--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>--}}
							{{--<!--/*modal-body*/-->--}}
						{{--</div>--}}
						{{--<!--/*modal-footer*/-->--}}
					{{--</div>--}}
					{{--<!--/*modal-dialog*/-->--}}
				{{--</div>--}}
				{{--<!--/*modal-content*/-->--}}
			</div>
			{{--<!--/*modal*/-->--}}
			<script>
                $(function() {
                    $("#dosearch").click(function(){
                        $('#modal_mess').empty();
                    $bookname=$('#s-word-1').val();
//                    alert($bookname);
                    $.ajax({
                        url:"{{url('home/search')}}",
                        data:'bookname='+$bookname,
						type:'post',
						success:function(data){
							if (data==111){
								alert('没有此书籍');
							}else{
								eval('$searchbook='+data);
								for(var i=0 ;i<$searchbook.length;i++) {
                                    $('#modal_mess').append('<div class="bd"><ul> <a href="{{url('home/message/')}}/'+$searchbook[i].id+'"><li class="book" data-track="0,0"> <div class="book-cover"> <b class="ic-book-wrap"><b class="ic-book ic-book-0"></b></b> <b class="book-cover-shadow"></b> <img class="book-img" style="width: 155px;height: 204px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;background: #f8f8f8;border-top: 1px solid #ccc;border-right: 4px solid #666;border-bottom: 3px solid #999;border-left: 1px solid;" src="{{asset('image/books/')}}/'+ $searchbook[i].bookicon + '" alt=""> <div class="book-card"> <div class="book-card-pack"> <a href="" target="_blank" class="book-card-wrap"> <span class="book-card-title">与吾同在</span> </a> </div> </div> </div> <p class="book-price">￥4.89</p> </li></a> </ul></div>')
                                }
//								if ($searchbook){
//                                    $("#my-modal-alert").modal("toggle");
//                                    $(".modal-backdrop").remove();//删除class值为modal-backdrop的标签，可去除阴影
//								}
							}
						},
                        headers: {
							{{--                        'X-CSRF-TOKEN' : '{{ csrf_token() }}',--}}
                            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                        },
						error:function(){
						    alert('错误')
						},
						datatype:'json'
					})

                    });
                });
			</script>
			<meta name="_token" content="{!! csrf_token() !!}"/>
		</div>
  </body>
</html>
